<!-- 修改商品信息 -->
<template>
  <!-- 添加或修改盘点计划对话框 -->
  <el-dialog :title="title" v-if="open" v-model="open" width="1200px" append-to-body class="order_list">

    <el-card shadow="never" :body-style="{ padding: '20px' }">
      <div slot="header" class="p20">
        <i class="el-icon-s-grid mr10"></i>
        <span>数据列表</span>
        <div class="button-main">
          <el-button type="primary">添加商品</el-button>
        </div>
      </div>
      <el-table :data="dataSource1" border style="border-bottom: none: !important;;">
        <el-table-column align="center" prop="no" label="商品图片"></el-table-column>
        <el-table-column align="center" prop="flo" label="商品名称"></el-table-column>
        <el-table-column align="center" prop="phone" label="价格/货号"></el-table-column>
        <el-table-column align="center" prop="payType" label="属性"></el-table-column>
        <el-table-column align="center" prop="source" label="数量">
          <template #default="scope">
            <el-input v-model="scope.row.source" placeholder="请输入数量"></el-input>
          </template>
        </el-table-column>
        <el-table-column align="center" prop="type" label="库存"></el-table-column>
        <el-table-column align="center" prop="type" label="小计"></el-table-column>
      </el-table>
    </el-card>

    <template #footer>
      <div class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="submitForm">确定</el-button>
      </div>
    </template>
  </el-dialog>
</template>

<script>
import modelMixin from '@/mixins/modelMixin'
export default {
  name: "editMaterialInfo",
  mixins: [modelMixin],
  data() {
    return {
      open: false,
      title: "修改商品信息",
      dataSource1: [{}]
    }
  },
  created() {
  },
  methods: {
    show() {
      this.open = true;
    },
  }
}
</script>

<style lang="scss" scoped>
.button-main {
  float: right;
  margin-top: -10px;
}
</style>


<style type="text/css">
.order_list .el-card__header {
  background-color: #f5f7fa;
}
</style>